<template>
    <div class="overlay_worp">
        <overlay>
            <div class="login">
                <span class="txt">教务管理系统</span>
                <span class="off_btn"><button>×</button></span>
                <span class="title">用户名密码登录</span>
                <input type="text" placeholder="请输入用户名" v-model="userId">
                <input type="password" placeholder="请输入密码" v-model="userPwd">
                <input type="submit" value="确定" @click='submit'>
            </div>
        </overlay>
    </div>
</template>

<script>
var app = new Vue({
    el:'#app',
    data:{
        userId:'',
        userPwd:''
    },   
    methods:{
       submit(){
           
       } 
    }
})
</script>

<style lang="less">
.overlay_worp{
    width: 100%;
    height: 100%;

    overlay{
        width: 100%;
        height: 100%;
        .login{
            width: 360px;
            height: 400px;
            margin: 350px auto;
            background-color: #fff;
            border: 2px solid #797979;
        }
    }
}
</style>
